﻿
@{
    ViewBag.Title = Resources.WebStringsWeb.WebTitle;
    Layout = "~/Views/Shared/_LayoutMobile.cshtml";
}
@section css {
    <style>
        .mui-bar ~ .mui-content .mui-scroll-wrapper {
            top: 44px;
            height: auto;
        }
    </style>
}
<header class="mui-bar mui-bar-nav">
    <button type="button" id="back" class="mui-left mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left" style="color:white;">
        <span class="mui-icon mui-icon-left-nav" style=""></span>
    </button>
    <a href="MHiddenTroubleSolutionAdd?FormId=@(Request.QueryString["FormId"].IsEmpty() ? "0" : Request.QueryString["FormId"])" class="mui-icon mui-icon-plus mui-pull-right"></a>
    <h1 class="mui-title" style="color:white;">整改措施</h1>
</header>
<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
    <div class="mui-scroll">
        <ul class="mui-table-view mui-table-view-chevron" ng-cloak ng-controller="HiddenTroubleController" ng-init="
             FormId='@(Request.QueryString["FormId"].IsEmpty() ? "0" : Request.QueryString["FormId"])';  GetSolutionList(FormId);InitSolutionListPage(FormId);">
            <li class="mui-table-view-cell" ng-show="SolutionList.length==0" style="color:dimgray;text-align:center;background-color:rgb(239,239,244)">暂无数据</li>
            <li ng-repeat="x in SolutionList" class="mui-table-view-cell mui-media">
                <div ng-cloak style="position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%);">
                    <span class="mui-icon mui-icon-more"></span>
                </div>
                <div class="mui-slider-right mui-disabled">
                    <a class="mui-btn mui-btn-blue mui-icon mui-icon-search" href="MSolutionDetail?Id={{x.SolutionId}}&pagename=MHiddenTroubleSolutionList"></a>
                    <a class="mui-btn mui-btn-green" href="MRectificationAdd?FormId={{x.FormId}}&SolutionId={{x.SolutionId}}" style="transform: translate(0px, 0px);">整改</a>
                </div>
                <div class="mui-table mui-slider-handle" ng-class="{'IsException':x.IsException}">
                    <div class="mui-table-cell mui-col-xs-10" ng-class="{'IsException':x.IsNormal}">
                        <h4 class="mui-ellipsis">{{x.SolutionContent}}</h4>
                        <h5><b>联系部门：{{x.DepartmentName}}</b></h5>
                        <h5 class="mui-ellipsis"><b>联系人：{{x.Responsible}}</b></h5>
                        <p class="mui-h6 mui-ellipsis">状态：<span ng-show="x.Process==0">未整改</span><span ng-show="x.Process==100">已完成</span></p>
                    </div>
                    <div class="mui-table-cell mui-col-xs-2 mui-text-right">
                        <span class="mui-h5">{{x.PlanCompleteTime|JSONDate:'MM-dd'}}</span>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
@section js{

    <script src="~/Assets/js/pg/MHiddenTrouble.js?v=@DateTime.Now.ToString("yyyyMMddHH")"></script>
    <script>
        $("#back").click(function () {
            location.href = 'MHiddenTroubleRectification';
        });
    </script>
}
